<!DOCTYPE html>
<html>
<head>
  <title>VocaDB Web API</title>
  <link rel="icon" type="image/png" href="images/favicon-32x32-png" sizes="32x32" />
  <link rel="icon" type="image/png" href="images/favicon-16x16-png" sizes="16x16" />
  <link href='css/typography-css' media='screen' rel='stylesheet' type='text/css'/>
  <link href='css/reset-css' media='screen' rel='stylesheet' type='text/css'/>
  <link href='css/screen-css' media='screen' rel='stylesheet' type='text/css'/>
  <link href='css/reset-css' media='print' rel='stylesheet' type='text/css'/>
  <link href='css/print-css' media='print' rel='stylesheet' type='text/css'/>
  %(StylesheetIncludes)
  <script src='lib/jquery-1-8-0-min-js' type='text/javascript'></script>
  <script src='lib/jquery-slideto-min-js' type='text/javascript'></script>
  <script src='lib/jquery-wiggle-min-js' type='text/javascript'></script>
  <script src='lib/jquery-ba-bbq-min-js' type='text/javascript'></script>
  <script src='lib/handlebars-2-0-0-js' type='text/javascript'></script>
  <script src='lib/underscore-min-js' type='text/javascript'></script>
  <script src='lib/backbone-min-js' type='text/javascript'></script>
  <script src='swagger-ui-js' type='text/javascript'></script>
  <script src='lib/highlight-7-3-pack-js' type='text/javascript'></script>
  <script src='lib/marked-js' type='text/javascript'></script>

  <script src='lib/swagger-oauth-js' type='text/javascript'></script>

  <script type="text/javascript">
    $(function () {
      var url = window.location.search.match(/url=([^&]+)/);
      if (url && url.length > 1) {
        url = decodeURIComponent(url[1]);
      } else {
        url = "http://petstore.swagger.io/v2/swagger.json";
      }

        // Get Swashbuckle config into JavaScript
      function arrayFrom(configString) {
          return (configString !== "") ? configString.split('|') : [];
      }

      function stringOrNullFrom(configString) {
          return (configString !== "null") ? configString : null;
      }

      window.swashbuckleConfig = {
        rootUrl: '%(RootUrl)',
        discoveryPaths: arrayFrom('%(DiscoveryPaths)'),
        booleanValues: arrayFrom('%(BooleanValues)'),
        validatorUrl: stringOrNullFrom('%(ValidatorUrl)'),
        customScripts: arrayFrom('%(CustomScripts)'),
        docExpansion: '%(DocExpansion)',
        oAuth2Enabled: ('%(OAuth2Enabled)' == 'true'),
        oAuth2ClientId: '%(OAuth2ClientId)',
        oAuth2Realm: '%(OAuth2Realm)',
        oAuth2AppName: '%(OAuth2AppName)'
      };

      window.swaggerUi = new SwaggerUi({
        url: swashbuckleConfig.rootUrl + "/" + swashbuckleConfig.discoveryPaths[0],
        dom_id: "swagger-ui-container",
        booleanValues: swashbuckleConfig.booleanValues,
        onComplete: function(swaggerApi, swaggerUi){
          if (typeof initOAuth == "function" && swashbuckleConfig.oAuth2Enabled) {
            initOAuth({
              clientId: swashbuckleConfig.oAuth2ClientId,
              realm: swashbuckleConfig.oAuth2Realm,
              appName: swashbuckleConfig.oAuth2AppName
            });
          }
          $('pre code').each(function(i, e) {
            hljs.highlightBlock(e)
          });

          addApiKeyAuthorization();

          window.swaggerApi = swaggerApi;
          _.each(swashbuckleConfig.customScripts, function (script) {
              $.getScript(script);
          });
        },
        onFailure: function(data) {
          log("Unable to Load SwaggerUI");
        },
        docExpansion: swashbuckleConfig.docExpansion,
        sorter : "alpha"
      });

      if (window.swashbuckleConfig.validatorUrl !== '')
          window.swaggerUi.options.validatorUrl = window.swashbuckleConfig.validatorUrl;

      function addApiKeyAuthorization(){

      }

      $('#input_apiKey').change(addApiKeyAuthorization);

      // if you have an apiKey you would like to pre-populate on the page for demonstration purposes...
      /*
        var apiKey = "myApiKeyXXXX123456789";
        $('#input_apiKey').val(apiKey);
        addApiKeyAuthorization();
      */

      window.swaggerUi.load();

      function log() {
        if ('console' in window) {
          console.log.apply(console, arguments);
        }
      }
  });
  </script>
</head>

<body class="swagger-section">
<div id='header'>
  <div class="swagger-ui-wrap">
    <a id="logo" href="http://swagger.io">swagger</a>
  </div>
</div>

<div id="message-bar" class="swagger-ui-wrap">&nbsp;</div>
	
<div class="clearfix swagger-ui-wrap">
	<div class="api-miku">
		<a href="http://vocadb.net/T/23/Appearance_Miku">
			<img src="https://vocadb.net/EntryImg/Tag/23-st.jpg" alt="ApiMiku" title="ApiMiku" />
		</a>
	</div>
	<p><a href="https://github.com/vocadb/vocadb/wiki/Public-API">General API usage guidelines</a>.</p>
</div>
<div id="swagger-ui-container" class="swagger-ui-wrap"></div>
</body>
</html>
